<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:13px; FONT-FAMILY:"Microsoft YaHei","Arial";color:#525353; background:#fff;
}
TD,div {font-family: "Microsoft YaHei","Arial";font-size: 13px; color: #333333; line-height:22px;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "Microsoft YaHei","Arial";}
INPUT{ outline:medium;}
img{ border:0}
*{ margin:0}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:underline;}
ul{ padding:0; margin:0}
li{ list-style:none;}
.clear{clear:both; overflow:hidden; height:0px;}


@font-face {
    font-family: 'helveticabold';
    src: url('helvetica_bold.woff2') format('woff2'),
         url('helvetica_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbold';
    src: url('din-bold_-webfont.woff2') format('woff2'),
         url('din-bold_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#animate1,#animate2,#animate3,#animate4,#animate4_1,#animate4_2,#animate5,#animate6,#animate6_1,#animate6_2,#animate7,#animate7-1,#animate8,#animate8_1,#animate8_2,#animate9,#animate9-1,#animate9-2,#animate10,#animate10-1,#animate11,#animate11-1,#index_banner_animate,#index_products_animate {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/*é›†å›¢ç®€ä»‹*/
.about_banner{width:100%; margin:0 auto; min-width:1200px; max-width:1920px; height:550px; overflow: hidden; position:relative;}
.about_banner .in_bannerbg{
    position: relative;
    display: block;
	width: 100%;
    margin: 0 auto;
    height: 550px;
    overflow: hidden;
    animation: enlargeImg 2s ease;
}
.about_banner .in_banner_title{
   display: inline-block;
   position: absolute;
   width: 100%;
   top:177px;
   left: 0;
   text-align:center;
   transform: translateZ(0) translateY(-50%);
}
.about_banner .in_banner_title span:nth-child(1){
    font-size: 34px;
	color: #FFFFFF;
    line-height:55px;
    text-shadow:0px 0px 10px rgba(10,70,144,0.4);
}
.about_banner .in_banner_title span:nth-child(2){
    font-family: 'helveticabold';
    text-shadow:0px 0px 10px rgba(10,70,144,0.4);
    display: inline-block;
    width:100%;
    font-size: 16px;
	color: #FFFFFF;
	line-height:30px;
	letter-spacing: 6px;
}
.about_banner .in_banner_title .move4{
    position:relative;
    left: 0;
	top:-30px;
    width: 100%;
}
.in_about_menu{ width:1198px; height:36px; margin:auto; background: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0 11px 50px 0 rgba(0,0,0,0.12);}
.in_about_menu ul li{
	width: calc((100% - 4px)/ 4);
    background: #FFFFFF;
    float: left;
    display: flex;
    align-items: center;
    height: 78px;
    border-right: 0px solid #DDDDDD;
    transform: translateZ(0) translateY(-42px);
	cursor:pointer;
}
.in_about_menu_f{width:100%; text-align:center;border-right: 1px solid #DDDDDD;}
.in_about_menu &gt; ul &gt; li &gt; div{margin: auto; height: 32px; display:inline-block; line-height:32px;}
.in_about_menu ul li a{ line-height:32px; font-size: 16px; color: #666666; vertical-align: top;}
.in_about_menu ul li a:hover{ text-decoration:none;}
.in_about_menu ul li i{ margin-right: 10px; display: inline-block;}
.icon-about1:before { 
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background:url('../img/about/about_dot1.png');
	background-size:cover;
}
.icon-about2:before { 
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background:url('../img/about/about_dot2.png');
	background-size:cover;
}
.icon-about3:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background:url('../img/about/about_dot3.png');
	background-size:cover;
}
.icon-about4:before { 
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background:url('../img/about/about_dot4.png');
	background-size:cover;
}
.in_about_menu ul li.active{ background:#e63532;}
.in_about_menu ul li.active a{color:#FFFFFF;}
.in_about_menu ul li.active .icon-about1:before,.in_about_menu ul li:nth-child(1):hover .icon-about1:before{ background:url('../img/about/about_dot1_1.png'); background-size: 100%;}
.in_about_menu ul li.active .icon-about2:before,.in_about_menu ul li:nth-child(2):hover .icon-about2:before{ background:url('../img/about/about_dot2_1.png'); background-size: 100%;}
.in_about_menu ul li.active .icon-about3:before,.in_about_menu ul li:nth-child(3):hover .icon-about3:before{ background:url('../img/about/about_dot3_1.png'); background-size: 100%;}
.in_about_menu ul li.active .icon-about4:before,.in_about_menu ul li:nth-child(4):hover .icon-about4:before{ background:url('../img/about/about_dot4_1.png'); background-size: 100%;}

.in_about_menu ul li:hover{background:#e63532;}
.in_about_menu ul li:hover a{color:#FFFFFF;}
.in_about_menu ul li:nth-child(4){ border-right:none;}

.fl_r{ padding-top:84px; width:100%; background:url(../img/about/about_bg.png) center bottom no-repeat;}
.about_part1_bg{ width:100%; background:url(../img/about/about_part1_bg.jpg) center bottom no-repeat; padding-bottom:153px; position:relative;}
.about_content1{width:1200px; margin:auto;}
.about_head1{ width:100%; text-align:center; background:url(../img/about/about_line.svg) center 68px no-repeat;}
.about_head1 ul li{opacity: 0.99; font-size: 16px; color: #999999; line-height:54px;}
.about_head1 ul li span{font-size: 34px; color: #333333; display:block; line-height:76px;}
.about_pic1{ margin-top:21px; width:100%;}
.about_wz1{margin-top:36px; width:100%; text-align:center; font-size: 16px; color: #444444; line-height: 26px;}
.in-page-vertial{ width:1030px; margin:auto; margin-bottom:35px;}
.aboutus_list {
    position: relative;
    width: 408px;
    float: left;
    height: 500px;
	margin-top:-60px;
}

.aboutus_list li.aboutus_list_li {
    position: absolute;
    width: 126px;
    height: 126px;
    text-align: center;
}

.aboutus_list li.aboutus_list_li img {
    max-width: 100%;
    max-height: 100%;
}

.aboutus_list li.aboutus_list_li:first-child {
    width: 190px;
    height: 190px;
    left: 22px;
}

.aboutus_list li.aboutus_list_li:nth-child(2) {
    top: 166px;
    left: -8px;
}

.aboutus_list li.aboutus_list_li:nth-child(3) {
    top: 166px;
    left: 110px;
}

.aboutus_list li.aboutus_list_li:nth-child(4) {
    top: 166px;
    left: 228px;
}

.aboutus_list li.aboutus_list_li:nth-child(5) {
    top: 268px;
    left: 50px;
}

.aboutus_list li.aboutus_list_li:nth-child(6) {
    top: 268px;
    left: 169px;
}

.aboutus_list li.aboutus_list_li:nth-child(7) {
    top: 268px;
    left: 288px;
}

.aboutus_list li.aboutus_list_li:nth-child(8) {
    top: 372px;
    left: 228px;
	transition: 1.8s;
}

.aboutus_list li.aboutus_list_li {
    opacity: 1;
    transition: 0.6s;
}

.aboutus_listDesc {
    width: 550px;
    height: auto;
    float: right;
    opacity: 1;
    position: relative;
	margin-top:30px;
}


/*.aboutus_listDesc:before {
    content: '';
    display: table;
    width: 56px;
    height: 56px;
    background: url(../img/index_aboutus_icon1.png) no-repeat center/cover;
    position: absolute;
    top: 0;
    left: -83px;
}*/

.aboutus_listDesc li {
    width: 100%;

}

.aboutus_listDesc li &gt; p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    font-family: "å¾®è½¯é›…é»‘", PingFang-SC-Regular;
}

.aboutus_listDesc li &gt; h3 {
    font-size: 30px;
    color: #333;
    line-height: 42px;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
    font-family: "å¾®è½¯é›…é»‘", PingFang-SC-Regular;
    margin-bottom: 25px;
}

.aboutus_listDesc li &gt; div.aboutus_listDesc_li__Text {
    font-size: 16px;
    color: #333;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left;
    font-family: "å¾®è½¯é›…é»‘", PingFang-SC-Regular;
    overflow: hidden;
}

.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more {
    text-align: right;
    margin-right: 40px;
}

.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more &gt; a {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    letter-spacing: 0;
    position: relative;
    text-decoration: none;
}

.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more &gt; a:before {
    content: '';
    display: table;
    width: 28px;
    height: 31px;
    background: url(../img/news_next1.png) no-repeat center/cover;
    position: absolute;
    right: -40px;
    top: -4px;
}
.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more &gt; a:after{
    content: '';display: table;width: 0;height: 1px;background: #e63532;position: absolute;left: 0;bottom: 0;transition: 0.6s;
}
.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more &gt; a:hover:before{
    background: url(../img/news_next2.png) no-repeat center/cover;
    animation: tada 2s;
}
.aboutus_listDesc li &gt; div.aboutus_listDesc_li__more &gt; a:hover:after{
    width: 100%;transition: 0.6s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        z-index: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        display: none;
    }
    to {
        opacity: 1;
        z-index: 2;
        -webkit-transform: none;
        transform: none;
        display: block;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        z-index: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        display: none;
    }
    to {
        opacity: 1;
        z-index: 2;
        -webkit-transform: none;
        transform: none;
        display: block;
    }
}

.aboutus_listDesc li.item_active {
    opacity: 1;
    z-index: 2;
    display: block;
}

#index_line_svg1 {
    position: absolute;
    bottom: -210px;
    left: -89px;
}

#index_line1_poly {
    stroke-dasharray: 502px;
    stroke-dashoffset: 502px;
    opacity: 0;
}

#index_line_svg2 {
    position: absolute;
    top: 262px;
    left: 404px;
}

#index_line2_poly {
    stroke-dasharray: 492px;
    stroke-dashoffset: 492px;
    opacity: 0;
}

.about_qhbg{ width:1030px; margin:auto; margin-top:48px; height:350px; background:url(../img/about/about_qhbg.jpg) center no-repeat; overflow:hidden; position:relative;}
.about_swiper-container{width: 100%; height: auto; padding:25px 0; margin-left: auto; margin-right: auto;}
.about_swiper-container .swiper-wrapper .swiper-slide{ width: 650px;}
.about_swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 300px;}
.about_swiper-container .swiper-wrapper .swiper-slide-prev{ height: 300px!important;}
.about_swiper-container .swiper-wrapper .swiper-slide-prev img{ height: 300px!important; opacity:0.6;}
.about_swiper-container .swiper-wrapper .swiper-slide-next{height: 300px!important;}
.about_swiper-container .swiper-wrapper .swiper-slide-next img{ height: 300px!important; opacity:0.6;}
.about_swiper-container .swiper-wrapper .swiper-slide-active{ width: 650px;}
.about-swiper-button-prev{ width:31px; height:8px; position:absolute; top:50%; margin-top:-4px; left:10px; z-index:9; background:url(../img/about/about_left.png) no-repeat; outline:medium; cursor:pointer;}
.about-swiper-button-prev:hover{ opacity:1;}
.about-swiper-button-next{ width:31px; height:8px; position:absolute; top:50%; margin-top:-4px; right:10px; z-index:9; background:url(../img/about/about_right.png) no-repeat; outline:medium; cursor:pointer;}
.about-swiper-button-next:hover{ opacity:1;}
.hide{ display:none;}
.about_biaoyu{ width:100%; text-align:center; margin-top:60px;}
.about_biaoyu ul li{ line-height:30px; font-size: 16px; color:#505050;}
.about_biaoyu ul li span{font-size: 28px; color: #E63532; line-height:40px;}
.about_part1_jt{ position:absolute; width:100%; height:98px; bottom:0; z-index:9; background:url(../img/about/about_part1_jt.png) center bottom no-repeat;}


.about_part2_bg{ width:100%; background:#44403f; padding-top:31px; padding-bottom:121px;}
.about_head2{ width:100%; text-align:center; background:url(../img/about/about_line.svg) center 68px no-repeat;}
.about_head2 ul li{font-size: 16px; color: #908d8d; line-height:54px;}
.about_head2 ul li span{font-size: 34px; color: #FFFFFF; display:block; line-height:76px;}
/*.pro_timer_right{width:100%; margin:auto; background:url(../img/about/about_part3_line.jpg) center 277px repeat-x; margin-top:4px;}
.course_nr{width:1200px; height:515px; margin:auto;}
.course_nr li{ float:left; background:url(../img/about/cyfz_dot1.png) no-repeat center top; padding-top:26px;font-size:20px;color:#fff; line-height:50px; width:200px; text-align:center; position:relative; margin-top:267px;}
.shiji{ position:absolute; width:100%; left:0; top:-262px; display:none;}
.shiji .shiji_pic{}
.shiji h1{ height:68px; background:url(../img/about/cyfz_dot2.png) no-repeat center top; margin-bottom:128px;margin-top:-8px;}
.shiji p{ color:#fff;margin-top:-74px;line-height:26px; font-size: 16px;}
.in_dsj_btn{ position:absolute; top:60px; left:-19px; z-index:9; font-size:14px; color:#FFFFFF; line-height:25px;}
.top em{font-style:normal;display:block;margin-top:-49px;}*/
.about_dsj_Content{ width:100%; margin-top:63px; margin-bottom:75px; position:relative;}
.about_dsj_Content .about_dsj_line{ width:100%; content:''; height:0; border-bottom:3px solid #5f5b5a; position:absolute; top:310px; z-index:0;}
.about_dsj_gallery{ width:1200px; margin:auto; height:480px; position:relative; overflow:hidden;}
.about_dsj_pic{ width:100%; height:480px;}
.about_dsj_swiper-pagination{ width:250px; text-align:left; height:4px; position:absolute; left:59px; top:-260px; z-index:99;}
.about_dsj_swiper-pagination .swiper-pagination-bullet{ width:18px; background:#e73533; border-radius:0; margin:0 3px; height:2px; border:1px solid #FFFFFF; outline:medium;}
.about_dsj_swiper-pagination .swiper-pagination-bullet-active{ width:18px; padding:0; height:2px; background:#FFFFFF;}
.about_dsj_swiper-pagination span:first-child,.about_dsj_swiper-pagination span:last-child{ display:none;}

.about_part3_bg{ width:100%; position:relative;}
.about_part3{ width:100%; position:relative; background:url(../img/about/about_part3_bg.png) center top no-repeat; transform: translateZ(0) translateY(-121px);}
.about_part3_wz{ width:650px; margin:auto; height:334px; padding-left:550px; padding-top:173px;}
.about_part3_title1{ text-align:left; font-size: 34px; color: #FFFFFF; line-height:45px; font-family: monospace,"Microsoft YaHei";}
.about_part3_title2{text-align:left; font-size: 20px; color: #FFFFFF; line-height:35px;}
.about_part3_title3{text-align:left; margin-top:28px; font-size: 16px; color: #FFFFFF; line-height:26px;}
.about_head3{ width:100%; text-align:center; background:url(../img/about/about_line.svg) center 68px no-repeat;}
.about_head3 ul li{font-size: 16px; color: #999999; line-height:54px;}
.about_head3 ul li span{font-size: 34px; color: #333333; display:block; line-height:76px;}
.about_part3_content{width:1200px; margin:auto; margin-top:25px;}
.about_part3_list{ width:380px; float:left; margin-left:30px; height:368px; background:#ffffff;}
.about_part3_list:hover{box-shadow: 0 11px 50px 0 rgba(0,0,0,0.12);}
.about_part3_pic{ width:380px; height:196px; overflow:hidden; position:relative;}
.part3_pic_img{ width:380px; height:196px; position:absolute; top:0; left:0; z-index:1; animation: enlargeImg 2s ease;}
.part3_pic_left{ width:19px; margin-top:46px; margin-left:38px; float:left; animation: moveLeft 1s ease; position:relative; z-index:2;}
.part3_pic_right{ width:185px; margin-top:50px; margin-right:125px; float:right; font-size: 18px; color: #FFFFFF; line-height: 27px; animation: moveRight 1s ease; position:relative; z-index:2;}
.about_part3_nr{ padding:24px 30px; text-align:left; font-size: 16px; color: #333333; line-height:28px; animation: moveUp 1s ease;}
.about_part3_list img{
	cursor: pointer;
	transition: all 0.6s;
}
.about_part3_list img:hover{
	transform: scale(1.4);
}
.about_part4{ width:100%; position:relative; transform: translateZ(0) translateY(-48px);}



/*ç¤¾ä¼šè´£ä»»*/
.in_shzr_menu{ width:720px; height:36px; margin:auto; background: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0 11px 50px 0 rgba(0,0,0,0.12);}
.in_shzr_menu ul li{
	width: calc((100% - 3px)/ 3);
    background: #FFFFFF;
    float: left;
    display: flex;
    align-items: center;
    height: 78px;
    border-right: 1px solid #DDDDDD;
    transform: translateZ(0) translateY(-42px);
	cursor:pointer;
}
.in_shzr_menu &gt; ul &gt; li &gt; div{margin: auto; height: 40px; display:inline-block; line-height:40px;}
.in_shzr_menu ul li a{ line-height:40px; font-size: 16px; color: #666666; vertical-align: top;}
.in_shzr_menu ul li a:hover{ text-decoration:none;}
.in_shzr_menu ul li i{ margin-right: 10px; display: inline-block;}
.icon-shzr1:before { 
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background:url('../img/shehuizeren/shzr_dot1.png');
	background-size:cover;
}
.icon-shzr2:before { 
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background:url('../img/shehuizeren/shzr_dot2.png');
	background-size:cover;
}
.icon-shzr3:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background:url('../img/shehuizeren/shzr_dot3.png');
	background-size:cover;
}
.in_shzr_menu ul li.active{ background:#e63532;}
.in_shzr_menu ul li.active a{color:#FFFFFF;}
.in_shzr_menu ul li.active .icon-shzr1:before,.in_shzr_menu ul li:nth-child(1):hover .icon-shzr1:before{ background:url('../img/shehuizeren/shzr_dot1_1.png'); background-size: 100%;}
.in_shzr_menu ul li.active .icon-shzr2:before,.in_shzr_menu ul li:nth-child(2):hover .icon-shzr2:before{ background:url('../img/shehuizeren/shzr_dot2_1.png'); background-size: 100%;}
.in_shzr_menu ul li.active .icon-shzr3:before,.in_shzr_menu ul li:nth-child(3):hover .icon-shzr3:before{ background:url('../img/shehuizeren/shzr_dot3_1.png'); background-size: 100%;}

.in_shzr_menu ul li:hover{background:#e63532;}
.in_shzr_menu ul li:hover a{color:#FFFFFF;}
.in_shzr_menu ul li:nth-child(3){ border-right:none;}
.fl_r_shzr{width:100%; padding-top:90px;}
.in_shzr_part1{ width:100%;}
.shzr_part1_body1{ width:1200px; margin:auto;}
.shzr_part1_pic{ width:380px; height:433px; overflow:hidden; float:left;}
.shzr_part1_pic img{width:380px; height:433px;}
.shzr_part1_wz{ width:770px; float:right;}
.shzr_part1_title{ text-align:left; font-size: 34px; color: #E63532; line-height:34px;}
.shzr_part1_ms{ width:100%; margin-top:25px;}
.shzr_part1_ms ul li{ background:url(../img/shehuizeren/dot1.svg) left 1px no-repeat; padding-left:44px; text-align:left; font-size: 16px; color: #333333; line-height:28px; margin-bottom:28px;}
.shzr_part1_body2{ width:100%; min-width:1200px; max-width:1920px; background:url(../img/shehuizeren/shzr_part1_bg1.jpg) center top repeat-x #E63532; margin:auto; margin-top:52px;}
.shzr_part1_tabs {
  width: 1200px;
  height:229px;
  margin: 0 auto;
  position:relative;
}

#swiper-tab .swiper-slide{
  display: block;
  float: left;
  width: 400px;
}
/*tabsæ–‡å­—å±…ä¸­*/
#swiper-tab{
	text-align: center;
}
/*ç»™conéƒ¨åˆ†åŠ&nbsp;ä¸Šä¸€ä¸ªèƒŒæ™¯è‰²*/
#swiper-con{
}
.shzr_part1_dot1,.shzr_part1_dot2,.shzr_part1_dot3,.shzr_part1_dot4{ width:400px; height:209px; overflow:hidden; position:relative; transition:all .6s; margin-top:20px;}
.shzr_part1_dot1 .pic-1,.shzr_part1_dot2 .pic-1,.shzr_part1_dot3 .pic-1,.shzr_part1_dot4 .pic-1{
	opacity: 1;
	transform: rotateY(0);
	transition: all 0.5s ease-out 0s;
	margin-top:63px;
}
#swiper-tab .active-nav .shzr_part1_dot1 .pic-1,#swiper-tab .active-nav .shzr_part1_dot2 .pic-1,#swiper-tab .active-nav .shzr_part1_dot3 .pic-1,#swiper-tab .active-nav .shzr_part1_dot4 .pic-1{
	opacity: 0;
	transform: rotateY(-90deg);
}
.shzr_part1_dot1 .pic-2,.shzr_part1_dot2 .pic-2,.shzr_part1_dot3 .pic-2,.shzr_part1_dot4 .pic-2{
	position: absolute;
	top: 0;
	left: 132px;
	opacity: 0;
	transform: rotateY(-90deg);
	transition: all 0.5s ease-out 0s;
}
#swiper-tab .active-nav .shzr_part1_dot1 .pic-2,#swiper-tab .active-nav .shzr_part1_dot2 .pic-2,#swiper-tab .active-nav .shzr_part1_dot3 .pic-2,#swiper-tab .active-nav .shzr_part1_dot4 .pic-2{
	opacity: 1;
	transform: rotateY(0deg);
}

.shzr_part1_dot1:hover .pic-1,.shzr_part1_dot2:hover .pic-1,.shzr_part1_dot3:hover .pic-1,.shzr_part1_dot4:hover .pic-1{
	opacity: 0;
	transform: rotateY(-90deg);
}

.shzr_part1_dot1:hover .pic-2,.shzr_part1_dot2:hover .pic-2,.shzr_part1_dot3:hover .pic-2,.shzr_part1_dot4:hover .pic-2{
	opacity: 1;
	transform: rotateY(0deg);
}
.shzr_part1_dot1:hover .shzr_part1_bt,.shzr_part1_dot2:hover .shzr_part1_bt,.shzr_part1_dot3:hover .shzr_part1_bt,.shzr_part1_dot4:hover .shzr_part1_bt{bottom:32px;}

.shzr_part1_bt{width:100%; display:block; position:absolute; bottom:82px; text-align:center; font-size:20px; color:#FFFFFF; line-height:30px; transition: all 0.5s ease-out 0s;}
#swiper-tab .active-nav .shzr_part1_bt{bottom:32px;}

.shzr_part1_bg{ width:100%; min-width:1200px; max-width:1920px; margin:auto; background:url(../img/shehuizeren/shzr_part1_bg.jpg) center no-repeat; height:600px;}
.shzr_part1-container{ width:1200px; margin:auto;}
.shzr_part1_list{ width:604px; height:470px; margin:auto; margin-top:48px; margin-left:15px; margin-right:804px; background:url(../img/shehuizeren/shzr_part1_bg2.png) no-repeat; padding:20px 48px; box-sizing:border-box;}
.shzr_part1_list_name{text-align:left; font-size:26px; color: #333333; line-height:86px;}
.shzr_part1_list_line{ width:122px; height:0; border-bottom:2px solid #dd0000;}
.shzr_part1_list_ms{ margin-top:25px; font-size:16px; color:#333333; line-height:28px;}

.in_shzr_part2{ background:url(../img/shehuizeren/shzr_part2_bg1.png) center 374px no-repeat #FFFFFF; padding-top:62px; padding-bottom:40px;}
.shzr_part2_body{ width:1140px; margin:auto;}
.shzr_part2_title{ text-align:left; font-size: 34px; color: #E63532; line-height:50px;}
.shzr_part2_left{ width:590px; float:left; margin-top:24px;}
.shzr_part2_left_ms{ text-align:left; font-size: 16px; color: #666666; line-height:28px;}
.shzr_part2_left_tb{ margin-top:99px;}
.shzr_part2_tabs {
  width: 583px;
  height:94px;
  margin: 0 auto;
  position:relative;
}

#shzr_part2_swiper-tab .swiper-slide{
  display: block;
  float: left;
  width: 97px;
}
.shzr_part2_dot1,.shzr_part2_dot2,.shzr_part2_dot3,.shzr_part2_dot4,.shzr_part2_dot5,.shzr_part2_dot6{ width:97px; height:94px; overflow:hidden; position:relative; transition:all .6s; text-align:center;}
.shzr_part2_dot1 .pic-1,.shzr_part2_dot2 .pic-1,.shzr_part2_dot3 .pic-1,.shzr_part2_dot4 .pic-1,.shzr_part2_dot5 .pic-1,.shzr_part2_dot6 .pic-1{
	opacity: 1;
	transform: rotateY(0);
	transition: all 0.5s ease-out 0s;
}
.shzr_part2_dot1 .pic-1b,.shzr_part2_dot2 .pic-1b,.shzr_part2_dot3 .pic-1b,.shzr_part2_dot4 .pic-1b,.shzr_part2_dot5 .pic-1b,.shzr_part2_dot6 .pic-1b{
	position: absolute;
	top: 0;
	left: 22.5px;
	opacity: 0;
	transform: rotateY(-90deg);
	transition: all 0.5s ease-out 0s;
}
#shzr_part2_swiper-tab .active-nav .shzr_part2_dot1 .pic-1b,#shzr_part2_swiper-tab .active-nav .shzr_part2_dot2 .pic-1b,#shzr_part2_swiper-tab .active-nav .shzr_part2_dot3 .pic-1b,#shzr_part2_swiper-tab .active-nav .shzr_part2_dot4 .pic-1b,#shzr_part2_swiper-tab .active-nav .shzr_part2_dot5 .pic-1b,#shzr_part2_swiper-tab .active-nav .shzr_part2_dot6 .pic-1b{
	opacity: 1;
	transform: rotateY(0deg);
}

.shzr_part2_dot1:hover .pic-1,.shzr_part2_dot2:hover .pic-1,.shzr_part2_dot3:hover .pic-1,.shzr_part2_dot4:hover .pic-1,.shzr_part2_dot5:hover .pic-1,.shzr_part2_dot6:hover .pic-1{
	opacity: 0;
	transform: rotateY(-90deg);
}

.shzr_part2_dot1:hover .pic-1b,.shzr_part2_dot2:hover .pic-1b,.shzr_part2_dot3:hover .pic-1b,.shzr_part2_dot4:hover .pic-1b,.shzr_part2_dot5:hover .pic-1b,.shzr_part2_dot6:hover .pic-1b{
	opacity: 1;
	transform: rotateY(0deg);
}
.shzr_part2_bt{width:100%; display:block; position:absolute; bottom:0; text-align:center; font-size: 16px;
color: #333333; line-height:28px; transition: all 0.5s ease-out 0s;}

.shzr_part2_right{ width:550px; float:right; background-image:url(../img/shehuizeren/shzr_part2_bg.png); height:545px; margin-top:10px; background-size:100%;}
.shzr_part2-container{ padding:16px 22px;}
.shzr_part2_list{ width:100%; position:relative;}
.shzr_part2_list_tb{ position:absolute; top:193px; right:37px; z-index:9;}
.shzr_part2_list_tb img{ width:80px; height:91px; overflow:hidden;}
.shzr_part2_list_pic{ width:506px; height:237px; overflow:hidden;}
.shzr_part2_list_pic img{ width:506px; height:253px;}
.shzr_part2_list_name{text-align:left; margin-top:20px; font-size:26px; color: #333333; line-height:40px; font-weight:bold; padding:0 35px;}
.shzr_part2_list_ms{padding:0 35px; margin-top:12px; font-size:16px; color:#333333; line-height:28px;}

.in_shzr_part3{ width:100%; min-width:1200px; max-width:1920px; margin:auto; background:url(../img/shehuizeren/shzr_part3_bg.jpg) center top repeat-x #f5f7f9;}
.shzr_part3_body{ width:1200px; margin:auto; padding-top:69px;}
.shzr_part3_head{ text-align:center; font-size: 30px; color: #FFFFFF; line-height:42px;}
.shzr_part3_head2{ text-align:center; font-size: 16px; color: #FFFFFF; line-height:28px; margin-top:13px;}
.shzr_part3_list{ width:100%; margin-top:65px; height:352px; background: #FFFFFF; box-shadow: 0 6px 22px 0 rgba(0,0,0,0.07);}
.shzr_part3_list_pic{ width:359px; height:352px; float:left; overflow:hidden;}
.shzr_part3_list_pic img{width:359px; height:352px;}
.shzr_part3_list_wz{ width:780px; margin-right:29px; margin-top:22px; float:right;}
.shzr_part3_list_title{ text-align:left; font-size: 26px; color: #333333; line-height:40px;}
.shzr_part3_list_nr{ text-align:left; margin-top:8px; font-size: 16px; color: #333333; line-height:28px;}
.shzr_part3_list2{ width:100%; margin-top:40px; height:322px; background: #FFFFFF; box-shadow: 0 6px 22px 0 rgba(0,0,0,0.07);}
.shzr_part3_list_pic2{ width:359px; height:322px; float:right; overflow:hidden;}
.shzr_part3_list_pic2 img{width:359px; height:322px;}
.shzr_part3_list_wz2{ width:780px; margin-left:29px; margin-top:22px; float:left;}

.textLeft{
    animation: moveLeft 1.5s ease;
    animation-fill-mode: both;
}
.textRight{
    animation: moveRight 1.5s ease;
    animation-fill-mode: both;
}
.textUp{
    animation: moveUp 2s ease;
    animation-fill-mode: both;
}
@keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-o-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-moz-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-webkit-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0vw);opacity: 1;}
}
@-webkit-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}

@-webkit-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}


.in_banner{width:100%; margin:0 auto; min-width:1200px; max-width:1920px; height:450px; overflow: hidden; position:relative;}
.in_topbanner{ margin-top:90px;}
.in_banner .in_bannerbg2{width:100%; margin:0 auto; height:450px; overflow: hidden; animation: enlargeImg 2s ease;}
.in_banner .in_banner_title{
   display: inline-block;
   position: absolute;
   width: 100%;
   top:177px;
   left: 0;
   text-align:center;
   transform: translateZ(0) translateY(-50%);
}
.in_banner .in_banner_title span:nth-child(1){
    font-size: 34px;
	color: #FFFFFF;
    line-height:55px;
}
.in_banner .in_banner_title span:nth-child(2){
    font-family: 'helveticabold';
    display: inline-block;
    width:100%;
    font-size: 16px;
	color: #FFFFFF;
	line-height:30px;
	letter-spacing: 6px;
}
.in_banner .in_banner_title .move4{
	margin-top: -30px;
    position: absolute;
    left: 0;
    width: 100%;
}

.in_bodybg{background:#f5f7f9; min-width:1200px; max-width:1920px; width:100%; margin:auto; padding-bottom:50px;}
.page_Main{ width:1200px; margin:auto; min-height:400px;}
.in_news_qh{ width:1200px; margin:auto; height:442px; position:relative; }
.innews_swiper-container{width:100%; position:absolute; top:-108px; z-index:1; overflow:hidden;}
.in_top_news{ width:100%; background:#ffffff; height:430px; opacity: 1; box-shadow: 0 30px 60px -2px rgba(77, 81, 84, 0.1); pointer-events: auto; z-index: 1;}
.in_top_news_pic{ width:600px; height:430px; float:left; overflow:hidden;}
.in_top_news_pic img{ width:600px; height:430px;}
.in_top_news_right{ width:500px; float:right; text-align:left; margin-right:50px; margin-top:51px;}
.in_top_news_date{ line-height:30px; font-size:18px; font-weight:bold; color:#999999;}
.in_top_news_name{ line-height:45px; margin-top:23px; height:123px; border-bottom:1px solid #eaeaea; font-size:30px; color:#020202; overflow:hidden; font-weight:500;}
.in_top_news_jj{ height:90px; margin-top:34px; font-size:14px; color:#020202; line-height:24px; overflow:hidden;}
.in_news_more{ text-align:left; line-height:25px; font-size:14px; color:#dddddd; }
.in_top_news_right:hover a{ text-decoration:none;}
.in_top_news_right:hover .in_top_news_name,.in_top_news_right:hover .in_news_more{ color:#e63532;}
.in_news_qh .innews_pagination{ width:100%; text-align:center; bottom:44px; position:absolute; z-index:1;}
.in_news_qh .innews_pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #c2c2c4;
	margin:0 23px;
}
.in_news_qh .innews_pagination .swiper-pagination-bullet-active {
    background: #e63532;
}

/*å†…é¡µå¯¼èˆª*/
.in_left{width:1200px; margin:auto;}
.page_LeftClass{ width:100%; text-align:center;}
.parent00{ width:auto; background:none; text-align:center; display:inline-block;}
.parent00 h3{font-size: 18px; color: #333333; font-weight:bold; line-height:28px; padding:10px 27px;}
.parent00 a:hover{ text-decoration:none;}
.parent00:hover{background:#e63532;}
.parent00:hover h3{color:#fff;}
.parent0{width:auto; background:#e63532; text-align:center; display:inline-block;}
.parent0 h3{color:#ffffff; font-size:18px; font-weight:bold; line-height:28px; padding:10px 27px;}
.parent0 a:hover{ text-decoration:none;}


.in_jobs_left{ width:480px; background:#FFFFFF; height:80px; margin:auto; box-shadow: 0 11px 50px 0 rgba(0,0,0,0.12); text-align:center; transform: translateZ(0) translateY(-42px);}
.in_jobs_left ul li{
	width: 240px;
    background: #FFFFFF;
	display:flex;
	float:left;
    align-items: center;
    height: 80px;
	cursor:pointer;
}
.in_jobs_left &gt; ul &gt; li &gt; div{margin: auto; height: 40px; display:inline-block; line-height:40px;}
.in_jobs_left ul li a{ line-height:40px; font-size: 16px; color: #666666; vertical-align: top;}
.in_jobs_left ul li a:hover{ text-decoration:none;}
.in_jobs_left ul li i{ margin-right: 10px; display: inline-block;}
.icon-job1:before { 
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background:url('../img/job_dot1.png');
	background-size:cover;
}
.icon-job2:before { 
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background:url('../img/job_dot2.png');
	background-size:cover;
}
.in_jobs_left ul li.active{ background:#e63532;}
.in_jobs_left ul li.active a{color:#FFFFFF;}
.in_jobs_left ul li.active .icon-job1:before,.in_jobs_left ul li:nth-child(1):hover .icon-job1:before{ background:url('../img/job_dot1_1.png'); background-size: 100%;}
.in_jobs_left ul li.active .icon-job2:before,.in_jobs_left ul li:nth-child(2):hover .icon-job2:before{ background:url('../img/job_dot2_1.png'); background-size: 100%;}

.in_jobs_left ul li:hover{background:#e63532;}
.in_jobs_left ul li:hover a{color:#FFFFFF;}


/*å†…é¡µ*/
.in_newsmainbg{ width:860px; margin:auto; position:relative;}
.in_newsmain{ width:660px; padding:36px 100px 100px 100px; position:relative; min-height:500px; top:-104px; z-index:9; background:#FFFFFF;}
.in_news_bt{ width:148px; height:48px; background:#FFFFFF; text-align:center; position:absolute; top:-172px; left:0; z-index:9;}
.in_news_bt a{ font-size:14px; color:#333333; line-height:48px;}
.in_news_bt a:hover{ text-decoration:none;}
.news_view_date{ width:100%; text-align:left; font-size:24px; color:#e63532; line-height:40px; position:relative;}
.news_view_date .in_news_prev{ width:35px; height:40px; position:absolute; top:0; right:55px; background:url(../img/news_prev1.svg) no-repeat;}
.news_view_date .in_news_prev:hover{background:url(../img/news_prev2.svg) no-repeat;}
.news_view_date .in_news_next{ width:35px; height:40px; position:absolute; top:0; right:0; background:url(../img/news_next1.svg) no-repeat;}
.news_view_date .in_news_next:hover{background:url(../img/news_next2.svg) no-repeat;}
.in_news_title{ text-align:left; padding-bottom:22px; border-bottom:1px solid #e5e5e5; font-size:30px; color:#020202; line-height:37px; padding:25px 0;}

.in_jobs_list_left{ width:682px; float:left; background:#FFFFFF; padding:15px 20px;}
.in_jobs_newstitle{ width:100%;}
.in_jobs_newstitle ul li {
    display: block;
    width: 100%;
    list-style: none;
    overflow: visible;
    text-align: left;
}
.in_jobs_newstitle ul li.in_jobs_newsline{border-bottom:1px solid #e6e6e6;}
.in_jobs_newstitle ul li.in_jobs_newsline2{border-bottom:1px solid #e73534;}
.in_jobs_newstitle ul li ul {
    display: none;
    background: #none;
	padding:0 20px 20px 20px;
}
.in_jobs_newstitle ul li ul li{ border:none;}
.in_jobs_newstitle .jobs_list{width:100%; background:url(../img/jobs_dot2.svg) right 25px no-repeat; height:79px;}
.jobs_list_title{ float:left; background:url(../img/jobs_dian1.png) left no-repeat; padding-left:20px; width:200px; font-size:16px; color:#666666; line-height:79px;}
.in_jobs_newstitle ul li .active{border-bottom:1px solid #e73534;}
.in_jobs_newstitle ul li .active .jobs_list{background:url(../img/jobs_dot1.svg) right 25px no-repeat; }
.in_jobs_newstitle ul li .active .jobs_list_title{background:url(../img/jobs_dian2.png) left no-repeat; color:#e73534;}
.in_jobs_newstitle ul li:hover{border-bottom:1px solid #e73534;}
.in_jobs_newstitle ul li:hover ul li{ border:none;}
.in_jobs_newstitle ul li:hover .jobs_list{background:url(../img/jobs_dot1.svg) right 25px no-repeat; }
.in_jobs_newstitle ul li:hover .jobs_list_title{background:url(../img/jobs_dian2.png) left no-repeat; color:#e73534;}
.jobs_btn{ width:110px; height:32px; margin-top:15px; text-align:center; display:block; background:#e73534;}
.jobs_btn a{ font-size:14px; color:#ffffff; line-height:32px;}
.jobs_btn a:hover{ text-decoration:none;}
.jobs_list_date{ float:left; width:200px; font-size:16px; color:#666666; line-height:79px;}
.jobs_list_people{ float:left; width:150px; font-size:16px; color:#666666; line-height:79px;}
.in_jobs_contact{ width:460px; float:left; margin-left:18px;}
.jobs_contact_tel,.jobs_contact_web,.jobs_contact_mail,.jobs_contact_add{ width:100%; text-align:left; margin-bottom:18px;}
.jobs_contact_tel ul li,.jobs_contact_web ul li,.jobs_contact_mail ul li,.jobs_contact_add ul li{ font-size:14px; line-height:24px; color:#333333; float:left;}
.jobs_contact_tel ul li img,.jobs_contact_web ul li img,.jobs_contact_mail ul li img,.jobs_contact_add ul li img{ vertical-align:top; margin-top:6px; margin-right:10px;}

.in_RightTitle{padding-left:20px; font-size:24px; color:#333333; line-height:43px; text-align:left;}
.in_RightTitle2{ width:100%; font-size:24px; color:#333333; line-height:43px; text-align:left;}

.page_RightMain{width:100%; margin:auto; padding-top:40px;}
.in_jobs_list{ margin-top:20px;}
.in_jobs_list ul li{ text-align:left; font-size:16px; color:#333; padding:5px 0; font-weight:bold; line-height:25px;}
.in_jobs_list ul li a{ font-size:16px; color:#ed7d31; line-height:25px;}

.in_pagepro{width:314px; float:left; position:relative; margin-bottom:42px; transition:all .6s; border-bottom:2px solid #FFFFFF;}
.in_proimg{width:314px; height:211px; overflow:hidden;}
.in_proimg img{width:314px; height:211px; display:block; transition:all .6s;}
.in_pagepro:hover .in_proimg img{transition:all .6s; transform:scale(1.15);}
.in_pro_right{overflow:hidden; padding:15px 6px;}
.in_proname{padding:0 20px; text-align:center;}
.in_proname a{font-size:16px; color:#333333; line-height:30px;}
.in_projj{ padding:0 20px; height:48px; overflow:hidden; text-align:left;}
.in_projj a{ font-size:14px; color:#666666; line-height:24px;}
.in_promore{width:30px; height:30px; margin:auto; margin-top:12px; text-align:center;}
.in_promore img{display:none;}
.in_pagepro:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.13); border-bottom:2px solid #ec6004;}
.in_pagepro:hover .in_promore img{ display:block; transition:all .6s;}
.in_pagepro:hover a{ text-decoration:none;}

.in_pagepro2{width:388px; float:left; position:relative; margin-bottom:30px; transition:all .6s;}
.in_proimg2{width:388px; height:261px; overflow:hidden;}
.in_proimg2 img{width:388px; height:261px; display:block; transition:all .6s;}
.in_pagepro2:hover .in_proimg2 img{transition:all .6s; transform:scale(1.15);}
.in_pro_right2{overflow:hidden; padding:15px 6px;}
.in_proname2{width:100%; text-align:left;}
.in_proname2 a{font-size:16px; color:#333333; line-height:28px;}
.in_projj2{width:100%; height:28px; overflow:hidden; text-align:left;}
.in_projj2 a{ font-size:14px; color:#666666; line-height:28px;}
.in_pagepro2:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.13);}
.in_pagepro2:hover a{ text-decoration:none;}

.class_pic{width:100%; margin:15px 0;}
.class_pic img{ width:100%; height:auto;}
.pro_more{width:116px; height:36px; margin:auto; margin-top:18px; background:#ce070c; text-align:center; line-height:36px;}
.pro_more a{ font-size:14px; color:#fff;}

.in_newstitle{background:#ffffff; width:366px; float:left; margin-bottom:50px; transition:all .6s;}
.in_news_pic{width:366px; height:245px; overflow:hidden;}
.in_news_pic img{width:366px; height:245px;}
.in_news_right{ text-align:left; padding:20px 20px 40px 20px; height:195px;}
.in_news_date{ width:100%; height:38px; text-align:left; line-height:32px; font-size:16px; color:#9a9a9a; font-weight:bold; font-family: 'dinbold';}
.in_news_date span{ width:36px; margin-top:4px; border-bottom:1px solid #ea5452; height:0; display:block;}
.in_news_name{ margin-top:10px; font-size:18px; color:#020202; font-weight:bold; line-height:28px;}
.in_news_jj{ font-size:14px; color:#999999; line-height:24px; margin-top:18px;}
.in_newstitle:hover{
  box-shadow: 0 30px 60px -2px rgba(77, 81, 84, 0.1);
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
}
.in_news_right a:hover{ text-decoration:none;}
.in_news_logo{ width:100%; height:61px; background:url(../img/in_news_logo.svg) center no-repeat; bottom: 90px; position: absolute; z-index: 9; left: 0;}

.contact_nr{ width:450px; float:left;}
.in_inquirybg{ width:672px; float:right;}

/*é€šç”¨æ&nbsp;·å¼*/
#product_detail { width:100%;}
#product_detail .left { width: 618px;float:left;}
#product_detail .big_pic { width: 618px; height:415px; box-shadow:0 0 20px rgba(0,0,0,0.36); text-align:center; overflow:hidden;}
#product_detail .big_pic img {width:618px; height:415px;}
#product_detail .big_pic .bigimg{ width:700px; height:470px;}
#product_detail .big_pic .view { display: block;text-indent: 20px; margin-left: 130px; width: 19px; height: 15px; display: inline-block; cursor: pointer; }
#product_name{ font-size:20px !important; color:#333333 !important; font-weight:bold; line-height:28px !important; border-bottom:1px solid #d6d6d6; padding-bottom:8px;}
.pro_info_box {text-align:left; width:488px; float:right; margin-right:3px;}
#product_detail .product_info {width:551px; height:415px; background:#FFFFFF; float:right; overflow:hidden;}
#product_detail .product_info li {line-height:32px; font-size:18px; color:#333333;}
#product_detail .product_info li span{ color:#e9410d; font-size:18px;}

/*ç„¦ç‚¹å›¾*/
#product_detail ul.pic_list {width:100%; overflow: hidden; height:100px;}
#product_detail ul.pic_list li { width:148px; height: 100px; text-align:center;float:left; padding-right:16px;}
#product_detail ul li { list-style: none; }

.mod18{width:100%;height:100px; position:relative;}
.mod18 .btn{position:absolute;width:14px;height:100px; cursor:pointer;z-index:99; top:0;}
.mod18 .prev{background:url(../img/l_btn.jpg) center no-repeat;left:0;}
.mod18 .prev:hover{background:url(../img/l_btn2.jpg) center no-repeat;}
.mod18 .next{background:url(../img/r_btn.jpg) center no-repeat;right:0;}
.mod18 .next:hover{background:url(../img/r_btn2.jpg) center no-repeat;}

.mod18 .listBox{width:476px;height:100px;margin:0 auto;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{width:146px;height:98px; border:1px solid #cccccc;}
.mod18 .listBox .on i{display:block;}

.bt{
width:120px; margin:auto; border:none; text-align:center;
color: #fff;
background:url(../img/in_detail_btn.png) center no-repeat;
cursor: pointer;
height: 35px !important;
line-height:35px !important;
font-size:16px !important;
}

.in_case_list{ width:312px; height:416px; border:1px solid #e5e5e5; float:left; margin-bottom:25px; position:relative;}
.in_case_pic{width:312px; height:335px; overflow:hidden;}
.in_case_pic img{width:312px; height:335px; transition:all .6s;}
.in_case_list:hover .in_case_pic img{transition:all .6s; transform:scale(1.15);}
.project_info{width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;}
.incase_right{height: 61px;
    border-top: 1px solid rgba(0,0,0,.08);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    bottom: 0px;
    top: auto;
    width: 100%;
    background: #fff; padding:10px 0;}
.incase_title{ padding:0 15px; text-align:left; font-size:16px; color:#333333; line-height:30px;}
.incase_ms{padding:0 15px; text-align:left; font-size:14px; color:#888888; line-height:30px;}
.in_case_list:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.in_case_list:hover a{ text-decoration:none;}
.in_case_list:hover .in_case_pic img{transform: scale(1.2, 1.2)}
.in_case_list:hover .incase_title{ color:#ec6004;}
.in_case_list:hover a .incase_right { padding: 20px 0; }

.in_case{width:360px; float:left; margin-bottom:45px;}
.incase_pic{width:360px; height:321px; overflow:hidden;}
.incase_pic img{width:360px; height:321px; transition:all .6s;}
.in_case:hover .incase_pic img{transition:all .6s; transform:scale(1.15);}
.incase_name {width:340px; padding:10px; background:#d8d8d8; text-align:center; font-size:14px; color:#333333; line-height:22px; font-weight:normal;}
.in_case:hover .incase_name{ background:#b7832e;}
.in_case:hover .incase_name{ color:#ffffff;}
.in_case:hover a{ text-decoration:none;}

.detailtitle{width:1200px; margin:auto; background:url(../img/in_right.jpg) right center no-repeat; line-height:50px; font-size:22px; color:#333333; text-align:left; text-transform:uppercase; font-weight:bold;}
.detailtitle2{width:100%; text-align:center; background:url(../img/in_titledot2.jpg) center bottom no-repeat; height:45px; line-height:40px; font-size:22px; color:#fefefe; font-weight:bold; text-transform:uppercase;}
#pro_profile{ width:100%; padding-top:20px; overflow-x:auto;}
#pro_profile img{ max-width:100% !important; height:auto !important;}
#pro_profile table{width:100% !important; margin:auto; border-collapse: collapse;}
#pro_profile table td{ padding-left:5px; border:1px solid #d8d8d8;}
.btn ul li{ float:left !important;}

.pro_title1{ width:100%; font-size:22px; color:#00366e; line-height:49px; border-bottom:5px solid #002c6f}
.back{ width:100%; padding:15px 0; text-align:center}
.back span{ padding:5px 15px; color:#fff; background:#0f83d8; font-size:14px;}

.page_inquirybg{ width:100%; margin:0 auto; min-width:1002px; max-width:1920px; padding-bottom:37px; background:#f1f1f1; margin-bottom:30px; padding-top:28px;}

.pro_title2{width:700px;padding-left:11px;text-align:left;line-height:42px; font-size:22px; color:#004d98; background:#efefef; font-weight:bold; text-transform:uppercase; float:left;}

.proinquiry{width:100%; padding:25px 0 0 0}

.news .body ul li{ line-height:25px; padding:5px 0; border-bottom:1px dashed #ccc; list-style:none}
.news .body ul li a{ font-size:15px; color:#333333;}
.news .body ul li span{ float:right; font-size:14px;}
.news .body ul li:hover a{ color:#ec6004; text-decoration:none;}

.right{ float:right}
.news #news_detail .body{ width:100%; float:left;}
.news #news_detail{ width:100%; float:left; padding:10px 0}
.news #news_detail h1{ text-align:center; font-size:18px;}
.prev_next{padding-bottom:20px; width:100%; float:left;}
.prev_next ul li{ list-style:none}

.news_view{ width:100%; float:left; padding:5px 0; border-bottom:1px dashed #ccc}

.back input[type=button]{ background:#ff9c00; padding:3px 10px; border:0; color:#fff; cursor:pointer; font-size:16px; font-family:Arial}
.news_body{ padding:10px 0 80px 0;}

.main_page{text-align:center;width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.main_page a,.main_page .current{ margin:0 5px;}
.main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071 !important; border:1px solid #d6d7d2}
.main_page .current{ padding:3px 8px; background:#ec6004; color:#fff;border:1px solid #ec6004}

#sitemap ul li{ list-style:none; text-align:left; list-style:none}
#sitemap ul li h2{ font-size:16px; padding-bottom:8px;color:#333333; text-transform:uppercase; font-weight:normal;}
#sitemap ul li ul li{ float:inherit; padding-left:30px}
#sitemap ul li ul li h3,#sitemap ul li ul li a{ font-size:14px;line-height:24px; color:#333333; font-weight:normal;}

/*å…³è”äº§å“ä¸Žæ–°é—»*/
.reation{ width:100%; float:left; padding-top:15px;}
.reation h5{ font-size:24px; border-bottom:1px solid #ccc; line-height:38px; margin-bottom:10px;}

/*è¯„è®º*/
.inquiry{ width:100%; float:left;}
.comment{ width:100%; float:left; padding:10px 0}
.commentTitle{ width:100%; float:left; text-align:left;}
.commentTitle h5{ font-size:22px; color:#333333; line-height:53px;text-align:left; font-weight:normal}
.commentTitle h5 span{ float:right; line-height:53px; font-size:14px;}
.commentTitle h5 span a{color:#333333;}
.commentlist{ width:100%; float:left; padding-top:10px; text-align:left;}
.commentlist ul{ width:100%; float:left;}
.commentlist ul li{ float:left; list-style:none}
.inquiryinfo{ width:100%; float:left; padding-bottom:10px;}

/*å†…é¡µåº•éƒ¨*/
.in_bottom_qh{
	width: 680px;
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 90px;
	padding-bottom:40px;
}
.in_bottom_qh ul li{ width:40%; float:left; font-size: 14px; color: #333333; line-height: 20px;}
.in_bottom_qh ul li a{font-size: 14px; color: #333333; line-height: 20px;}

.in_bottom2{width:100%; margin:auto; max-width:1920px; min-width:1200px; background:#e63532;}
.in_bottom3{width:1200px; margin:auto; padding:15px 0; font-size:14px; color:#FFFFFF; line-height:36px; text-align:left;}
.in_bottom3 a{font-size:14px; color:#FFFFFF;}
.in_bottom3 span{ float:right;}
.in_bottom_link{width:1200px; margin:auto; padding:10px 0;}
.in_bottom_link ul li{ float:left; font-size:13px; color:#333333; line-height:20px;}
.in_bottom_link ul li a{font-size:13px; color:#333333;}
.in_banner_title .textLeft{text-transform:uppercase; }
#goTop{  
	display: none;  
	cursor:pointer;  
	position: fixed;  
	width: 50px;  
	right: 10px;  
	bottom: 50px;  
	z-index: 999;  
} </pre></body></html>